<template>
  <div class="payment-detail">
    <a-card title="订单号 tk2019091211182955035" class="pay-card">
      <!-- 订单创建 -->
      <a-row>
        <a-col span="10">
          <span>订单创建</span>
          2019-09-12 11:17:23
        </a-col>
        <a-col span="10">
          <span>进出类型</span>
          支出
        </a-col>
      </a-row>
      <!-- 更新时间 -->
      <a-row>
        <a-col span="10">
          <span>更新时间</span>
          2019-09-12 11:17:23
        </a-col>
        <a-col span="10">
          <span>交易金额</span>
          -100
        </a-col>
      </a-row>
      <!-- 官方时间 -->
      <a-row>
        <a-col span="10">
          <span>官方时间</span>
          2019-09-12 11:17:23
        </a-col>
        <a-col span="10">
          <span>费率</span>
          0.6%
        </a-col>
      </a-row>
      <!-- 流水号 -->
      <a-row>
        <a-col span="10">
          <span>流水号</span>
          2019091222001496291051895547
        </a-col>
        <a-col span="10">
          <span>手续费</span>
          0.60
        </a-col>
      </a-row>
      <!-- 支付通道 -->
      <a-row>
        <a-col span="10">
          <span>支付通道</span>
          支付宝
        </a-col>
        <a-col span="10">
          <span>实际到账</span>
          -99.40
        </a-col>
      </a-row>
      <!-- 订单类型 -->
      <a-row>
        <a-col span="10">
          <span>订单类型</span>
          普通支付
        </a-col>
        <a-col span="10">
          <span>所属部门</span>
          前厅部
        </a-col>
      </a-row>
      <!-- 订单状态 -->
      <a-row>
        <a-col span="10">
          <span>订单状态</span>
          退款成功
        </a-col>
        <a-col span="10">
          <span>操作员</span>
          Hughes休斯
        </a-col>
      </a-row>
      <!-- 收款方式 -->
      <a-row>
        <a-col span="10">
          <span>收款方式</span>
          Pc收款
        </a-col>
        <a-col span="10">
          <span>备注信息</span>
          临时取消
        </a-col>
      </a-row>
      <!-- 消费账户 -->
      <a-row>
        <a-col span="10">
          <span>消费账户</span>
          490***@163.com
        </a-col>
      </a-row>
    </a-card>
  </div>
</template>
<style lang="less" scoped>
      
.payment-detail {
  .pay-card {
    color: #333333;
    border-radius: 5px;
  }
  span {
    display: inline-block;
    width: 70px;
    margin-right: 10px;
    text-align: right;
  }
}
/deep/ .ant-row {
  margin: 20px 0;
}
</style>